<template>
  <div class="container">
    <el-dialog title="提示" visible width="90%" :modal="false">
      <div class="content"></div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="Dialog">取 消</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script >
export default {
  components: {},
  data() {
    return {};
  },
  mounted() {},
  methods: {
    Dialog() {
      this.$emit('closeDetail');
    },
  },
};
</script>

<style scoped lang="scss">
.container {
  .content {
    height: 30vh;
  }
  ::v-deep .el-dialog {
    & > .el-dialog__header {
      display: none;
    }
    // 8, 30, 50
    & > .el-dialog__body {
      fill: rgba(0, 30, 48, 0.8);
      // opacity: 0.9;
      //color:
      background: #001e30;
      stroke-width: 1px;
      stroke: #26dcef;
      box-shadow: 0px 0px 40px 0px rgba(7, 198, 255, 0.4) inset,
        0px 0px 16px 0px rgba(7, 198, 255, 0.8) inset;
      backdrop-filter: blur(16px);
    }
  }
}
</style>